#app{
    .banner{
        height: 330px;
        margin-bottom: 80px;
    }
    .center{
        justify-content: center;
        align-items: center;
        flex-direction: column;
        
        .middle{
            flex-direction: column;
            .title{
                flex-direction: column;
                font-size: 30px;
                margin-bottom: 30px;
                .p1{
                    font-weight: 600;
                }
            }
        }
        .c1{
            margin-bottom: 100px;

            .title{
                margin-bottom: 90px;
            }
            .main{
                flex-direction: column;
                align-items: center;

                .item{
                    height: 380px;
                    width: 1200px;
                    margin-bottom: 90px;
                }
                .item-left{
                    // justify-content: space-between;
                    
                    border: 2px solid #a5a5a5;
                    >div{
                        height: 100%;
                    }
                    .left{
                        flex: 3;
                        flex-direction: column;
                        .mtitle{
                            margin-bottom: 28px;
                            font-weight: 600;
                            font-size: 28px;
                        }
                        .text{

                            font-size: 22px;
                        }
                    }
                    .cen{
                        flex: 2;
                        display: flex;
                        align-items: center;
                        img{
                            width: 60px;
                        }
                    }
                    .right{
                        flex: 2;
                        position: relative;
                        img{
                            height: 380px;
                            width: 600px;
                            position:absolute;
                            right: -40px;
                            top: -40px;
                        }
                    }
                }
                .item-right{
                    // justify-content: space-between;
                    
                    border: 2px solid #a5a5a5;
                    >div{
                        height: 100%;
                    }
                    .left{
                        flex: 2;
                        position: relative;
                        img{
                            height: 380px;
                            width: 600px;
                            position:absolute;
                            left: -40px;
                            top: -40px;
                        }
                    }
                        
                        
                    
                    .cen{
                        flex: 2;
                        display: flex;
                        justify-content: flex-end ;
                        align-items: center;
                        img{
                            width: 60px;
                        }
                    }
                    .right{
                        flex: 3;
                        flex-direction: column;
                        .mtitle{
                            margin-bottom: 28px;
                            font-weight: 600;
                            font-size: 28px;
                        }
                        .text{

                            font-size: 22px;
                        }
                    }
                        
                        
                }
            }
        }


      
    }
}